<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>手机短信</title>
</head>
<body>
    <h2>手机短信 <a href="messageRemind.html" style="padding-left: 24%">返回</a> </h2>
    <div style="border: 1px solid;width: 600px;height: 280px">
    <table>
        <tr>
            <td>消息类型<span style="color: red">*</span></td>
            <td style="padding-left: 20px">订单创建成功</td>
        </tr>
        <tr>
            <td>内容<span style="color: red">*</span></td>
            <td style="padding-left: 20px">
                	<textarea style="width:400px;height:125px;" onkeyup="checkLength(this);">感谢您的订购，您的订单已经提交成功，订单号：20200404040404s</textarea>
                    <p >剩余字数：<strong id="chLeft">140</strong></p>
                <script>
                    function checkLength(which) {
                        var maxChars = 140;
                        if (which.value.length > maxChars)
                            which.value = which.value.substring(0,maxChars);
                        var curr = maxChars - which.value.length;
                        document.getElementById("chLeft").innerHTML ="<strong>"+ curr.toString()+"</strong>";
                    }
                </script>
            </td>
        </tr>

    </table>
    <input type="button" value="保存"> <input type="button" value="取消" id="close">
    </div>
    <script>

    </script>
</body>
</html>